<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html> 
<head>
	<title>JavaScript Menu - Demo #4</title>
	<!-- styles for demo menu #1-->
	<link rel="stylesheet" href="menu1.css">
	<!-- styles for demo menu #2-->
	<link rel="stylesheet" href="menu2.css">
	<!-- styles for demo menu #3-->
	<link rel="stylesheet" href="menu3.css">
	<link rel="stylesheet" href="Style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body background="../../UI/UI%204.jpg">
<!-- comments begin >
<p style="margin-top:250px">&nbsp;</p>

<!-- comments end -->
<!-- menu script itself. you should not modify this file -->
<p> 
  <script language="JavaScript" src="gridNew.js"></script>
  <script language="JavaScript" src="menu.js"></script>
  <!-- items structure. you can see same structure is shared by 1-st and 2-nd menu -->
  <script language="JavaScript" src="menu_items.js"></script>
  <script language="JavaScript" src="menu_items3.js"></script>
  <!-- files with geometry and styles structures for coresponding menus -->
  <script language="JavaScript" src="menu_tpl1.js"></script>
  <script language="JavaScript" src="menu_tpl2.js"></script>
  <script language="JavaScript" src="menu_tpl3.js"></script>
  <script language="JavaScript" src="menuImport.js?" T type="text/javascript"></script>
  <script language="JavaScript">
	<!--//
	// Make sure the menu initialization is right above the closing </body> tag
	// Moving it inside other tags will not affect the position of the menu on
	// the page. If you need this feature please consider Tigra Menu GOLD.

	// each menu gets two parameters (see demo files)
	// 1. items structure
	// 2. geometry structure

	new menu (MENU_ITEMS, MENU_TPL1);
	//new menu (MENU_ITEMS, MENU_TPL2);
	//new menu (MENU_ITEMS3, MENU_TPL3);

	// If you don't see the menu then check JavaScript console of the browser for the error messages
	// "Variable is not defined" error indicates that there's syntax error in that variable's definition
	// or the file with that variable isn't properly linked to the HTML document
	//-->
	

</script>

<table width="75%" border="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td>&nbsp;</td>
  </tr>
  
</table>



<table width="95%" border="0" align="center" cellpadding="0">
  <tr> 
    <td colspan="2">City Code :</td>
    <td width="18%"><input type="text" name="textfield"> </td>
    <td width="15%">City Name:</td>
    <td width="39%"><input type="text" name="textfield2"></td>
    <td width="16%"><div align="right"> 
        <input type="submit" name="Submit" value="Find" class="Button" >
      </div></td>
  </tr>
  <tr> 
    <td colspan="6">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="6"><table width="97%" border="1" align="center" cellpadding="0" bordercolor="#999999">
        <tr bgcolor="#999999"> 
          <td width="22%"> <div align="center"><font color="#CCCCCC"><strong>City 
              Code</strong></font></div></td>
          <td width="25%"> <div align="center"><font color="#CCCCCC"><strong>City 
              Name</strong></font></div></td>
          <td width="24%"> <div align="center"><font color="#CCCCCC"><strong>Location</strong></font></div></td>
          <td width="29%"> <div align="center"><font color="#CCCCCC"><strong>Nearest 
              Branch</strong></font></div></td>
        </tr>
        <tr bgcolor="#FFFFFF"> 
          <td> <div align="center">MRG</div></td>
          <td>Maharagama</td>
          <td>Colombo</td>
          <td>Maharagama</td>
        </tr>
        <tr bgcolor="#E1E1E1"> 
          <td> <div align="center">KTW</div></td>
          <td>Kottawa</td>
          <td>Colombo</td>
          <td>Maharagama</td>
        </tr>
        <tr bgcolor="#FFFFFF"> 
          <td> <div align="center">DWL </div></td>
          <td>Dehiwala</td>
          <td>Colombo</td>
          <td>Dehiwala</td>
        </tr>
        <tr bgcolor="#E1E1E1"> 
          <td> <div align="center">NGD</div></td>
          <td>Nugegoda</td>
          <td>Colombo</td>
          <td>Nugegoda</td>
        </tr>
        <tr bgcolor="#FFFFFF"> 
          <td> <div align="center">UNI</div></td>
          <td>Union Place</td>
          <td>Colombo</td>
          <td>Union Place</td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td width="3%" height="20">&nbsp;</td>
    <td width="9%">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="20">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td height="20">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td height="20" colspan="6"><table width="75%" border="0" cellspacing="2" cellpadding="3">
        <tr> 
          <td><font>City Code :</font><img src='./images/Mandatory.gif'></td>
          <td><input type="text" name="textfield3" class="inputMideum"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td><font>City Name:</font><img src='./images/Mandatory.gif'></td>
          <td><input type="text" name="textfield32" class="inputMideum"></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td><font>Location :</font><img src='./images/Mandatory.gif'></td>
          <td><select name="select" class="inputMideum">
              <option value=''>-- Select --</option>
            </select></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr> 
          <td><font>Nearest Branch :</font><img src='./images/Mandatory.gif'></td>
          <td><select name="select2" class="inputMideum">
              <option value=''>-- Select --</option>
            </select></td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr> 
    <td height="26" colspan="4"> <input type="submit" name="Submit2" value="Add" class="Button" > 
      <input type="submit" name="Submit3" value="Edit" class="Button" > <input type="submit" name="Submit4" value="Delete" class="Button"> 
      <input type="submit" name="Submit5" value="Clear" class="Button"> </td>
    <td>&nbsp;</td>
    <td><div align="right"> 
        <input type="submit" name="Submit6" value="Save" class="Button">
      </div></td>
  </tr>
</table>
</body>

</html>